<div id="lettuces" class="tab-pane form-inline active">
	#{list lettuces, as:'ingredient'}
	#{if ingredient.icon?.get()} 
		<img src="@{SaladController.getImage(ingredient.id)}"
							class="img-rounded ingredient" /> #{/if}
	<label class="checkbox">
		#{if ingredient.isSelected(salad) }
			<input type="checkbox" name="selectedLettuces" value="${ingredient.id}" onclick="addToSalad(this.value, this.checked)" checked> ${ingredient.name}
		#{/if}
		#{else}
			<input type="checkbox" name="selectedLettuces" value="${ingredient.id}" onclick="addToSalad(this.value, this.checked)"> ${ingredient.name}
		#{/else}
	</label>
	
	#{/list}
</div>
<div id="toppings" class="tab-pane form-inline">
	#{list toppings, as:'ingredient'}
	#{if ingredient.icon?.get()} 
		<img src="@{SaladController.getImage(ingredient.id)}"
							class="img-rounded ingredient" /> #{/if}
	<label class="checkbox">
		#{if ingredient.isSelected(salad) }
			<input type="checkbox"  name="selectedToppings" value="${ingredient.id}"  onclick="addToSalad(this.value, this.checked)" checked> ${ingredient.name}
		#{/if}
		#{else}
			<input type="checkbox"  name="selectedToppings" value="${ingredient.id}"  onclick="addToSalad(this.value, this.checked)"> ${ingredient.name}
		#{/else}
	</label>
	
	#{/list}
</div>
<div id="proteins" class="tab-pane form-inline">
	#{list items:proteins, as:'ingredient'}
	#{if ingredient.icon?.get()} 
		<img src="@{SaladController.getImage(ingredient.id)}"
							class="img-rounded ingredient" /> #{/if}
	<label class="checkbox">
		#{if ingredient.isSelected(salad) }
			<input type="checkbox"  name="selectedProteins" value="${ingredient.id}"  onclick="addToSalad(this.value, this.checked)" checked> ${ingredient.name}
		#{/if}
		#{else}
			<input type="checkbox"  name="selectedProteins" value="${ingredient.id}"  onclick="addToSalad(this.value, this.checked)"> ${ingredient.name}
		#{/else}
	</label>
	
	#{/list}
</div>
<div id="dressings" class="tab-pane form-inline">
	#{list items:dressings, as:'ingredient'}
	#{if ingredient.icon?.get()} 
		<img src="@{SaladController.getImage(ingredient.id)}"
							class="img-rounded ingredient" /> #{/if}
	<label class="checkbox">
		#{if ingredient.isSelected(salad) }
			<input type="checkbox"  name="selectedDressings" value="${ingredient.id}"  onclick="addToSalad(this.value, this.checked)" checked> ${ingredient.name}
		#{/if}
		#{else}
			<input type="checkbox"  name="selectedDressings" value="${ingredient.id}"  onclick="addToSalad(this.value, this.checked)"> ${ingredient.name}
		#{/else}
	</label>
	
	#{/list}
</div>